import React from 'react'
import { Link,Outlet } from 'react-router-dom'

export default function Scope() {
  return (
    <div>
        <ul>
            <li>
                <Link to={'/'}>home</Link>
            </li>
            <li>
                <Link  to={'/detail?id=122'}>detail</Link>
            </li>
            <li>
                <Link to={'/list'}>不带id </Link>
            </li>
            <li>
                <Link to={'/list/123'}>带动态路由参数 </Link>
            </li>
        </ul>

        {/* 路由嵌套 相当于 router-view */}

        <Outlet/>
    </div>
  )
}
